<!DOCTYPE HTML>
<html size="s">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!--[if gt IE 9]>< -->
    <link href="../../../dist/main/css/base.css" rel="stylesheet" type="text/css"/>
    <!-- ><![endif]-->
    <!--[if lte IE 9]>
    <link href="../../../dist/main/css/base-ie8.css" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <script type="text/javascript" src="../../../dist/main/js/jq/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jq/adapter-1.9.1.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/i18n/code.zh_CN.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-plugins.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-ui.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-jwc.js"></script>
    <script type="text/javascript" src="../asset/js/config.js"></script>
    <script type="text/javascript" src="../asset/js/data.js"></script>
    <script type="text/javascript" src="../../../example/data/data.js"></script>
    <title>移动云-目录配置</title>
</head>

<body jwcid="@Body" id="body">
<div class="c_scroll">
    <div class="l_padding l_padding-2">
        <div class="c_box c_box-border">
            <div class="c_title">
                <div class="text">商品目录</div>
                <div class="fn">
                    <ul>
                        <li><label><input type="checkbox" onchange="toggleZeroLevel();" id="zeroLevelCheckbox"/>配置BBOSS零级产品</label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="l_padding l_padding-u l_padding-2" id="cates">
                <div class="l_col l_col-space-2">
                    <div class="l_colItem" id="cate2">
                        <div class="c_box c_box-border">
                            <div class="l_padding">
									<span class="e_group e_group-full">
										<span class="e_groupRight">
											<span class="e_ico-search"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" name="searchCategory2" placeholder="关键字筛选"/>
										</span>
									</span>
                            </div>
                            <div class="c_scroll" style="height:20em;">
                                <div class="c_list c_list-s">
                                    <ul>
                                        <li class="link" jwcid="@Foreach" source="ognl:category2" value="ognl:item"
                                            element="li">
                                            <div class="main">
                                                <div class="title"><span jwcid="@Insert" value="ognl:item.TEXT"></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="l_colItem" id="cate3">
                        <div class="c_box" style="height:24.1em;" id="cateNodata3">
                            <div class="c_msg c_msg-full c_msg-border">
                                <div class="wrapper">
                                    <div class="emote"></div>
                                    <div class="info">
                                        <div class="text">
                                            <div class="title">暂无数据</div>
                                            <div class="content">请先选择上级目录</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="c_box c_box-border" style="display:none;" id="cateList3">
                            <div class="l_padding">
									<span class="e_group e_group-full">
										<span class="e_groupRight">
											<span class="e_ico-search"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" name="searchCategory2" placeholder="关键字筛选"/>
										</span>
									</span>
                            </div>
                            <div class="c_scroll" style="height:20em;">
                                <div class="c_list c_list-s">
                                    <ul>
                                        <li class="link" jwcid="@Foreach" source="ognl:category3" value="ognl:item"
                                            element="li">
                                            <div class="main">
                                                <div class="title"><span jwcid="@Insert" value="ognl:item.TEXT"></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="l_colItem" id="cate4">
                        <div class="c_box" style="height:24.1em;" id="cateNodata4">
                            <div class="c_msg c_msg-full c_msg-border">
                                <div class="wrapper">
                                    <div class="emote"></div>
                                    <div class="info">
                                        <div class="text">
                                            <div class="title">暂无数据</div>
                                            <div class="content">请先选择上级目录</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="c_box c_box-border" style="display:none;" id="cateList4">
                            <div class="l_padding">
									<span class="e_group e_group-full">
										<span class="e_groupRight">
											<span class="e_ico-search"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" name="searchCategory2" placeholder="关键字筛选"/>
										</span>
									</span>
                            </div>
                            <div class="c_scroll" style="height:20em;">
                                <div class="c_list c_list-s">
                                    <ul>
                                        <li class="link" jwcid="@Foreach" source="ognl:category4	" value="ognl:item"
                                            element="li">
                                            <div class="main">
                                                <div class="title"><span jwcid="@Insert" value="ognl:item.TEXT"></span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="offerParam" style="display:none;">
            <div class="c_space-2"></div>
            <div class="c_box c_box-border">
                <div class="c_title">
                    <div class="text">商品属性</div>
                </div>
                <div class="l_padding-2 l_padding-u">
                    <div class="c_form c_form-col-3 c_form-label-9">
                        <ul>
                            <li>
                                <div class="label">操作系统：</div>
                                <div class="value">
										<span jwcid="@Select"
                                              name="mySelect"
                                              source="ognl:SelectData"
                                              addDefault="true"
                                        ></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">业务限制：</div>
                                <div class="value">
										<span jwcid="@Select"
                                              name="mySelect2"
                                              source="ognl:SelectData"
                                              addDefault="true"
                                        ></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">备注：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">退网原因：</div>
                                <div class="value">
										<span jwcid="@Select"
                                              name="exitReason"
                                              source="ognl:exitReasonData"
                                              addDefault="true"
                                        ></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">暂停原因：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">恢复原因：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">资源池：</div>
                                <div class="value">
										<span jwcid="@Select"
                                              name="srouces"
                                              source="ognl:sroucesData"
                                              addDefault="true"
                                        ></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">网络地址：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">子网资源标识：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">审批流程实例ID：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">基础产品订购实例ID：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">免费资源订购类型：</div>
                                <div class="value">
										<span jwcid="@Select"
                                              name="freeResourceType"
                                              source="ognl:freeResourceTypeData"
                                              addDefault="true"
                                        ></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">免费资源订购时长：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">移动云子账号：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                            <li>
                                <div class="label">代订购实例ID：</div>
                                <div class="value">
                                    <input jwcid="@TextField" name="myTextField"/>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="c_space-2"></div>
        <div class="c_submit c_submit-center">
            <button type="button" class="e_button-r e_button-l e_button-blue e_button-outline">重置</button>
            <button type="button" class="e_button-r e_button-l e_button-blue">提交</button>
        </div>
    </div>
</div>


<script type="text/javascript">
    Wade.setRatio();
    Wade.JWC.init(true);


    $("#cates li").bind("tap", function () {
        $(this).parents("ul").find(".on").removeClass("on");
        $(this).addClass("on");
        if ($(this).parents("#cate2").length > 0) {
            $("#cateNodata4").show();
            $("#cateList4").hide();
            $("#cateList3 .on").removeClass("on");
            $("#cateList4 .on").removeClass("on");
            $("#cateNodata3").hide();
            $("#cateList3").show();
        }
        if ($(this).parents("#cate3").length > 0) {
            $("#cateNodata4").hide();
            $("#cateList4").show();
        }
        if ($(this).parents("#cate4").length > 0) {
            $("#offerParam").show();
        }
    });


    function toggleZeroLevel() {
        if ($("#zeroLevelCheckbox").is(":checked")) {
            $("#cates").hide();
            $("#offerParam").show();
        } else {
            $("#cates").show();
        }
    }
</script>


</body>

</html>